import { Button, Form, Input, Select } from "antd";
import UploadImage from "./UploadImage";

export default function Config() {
  return (
    <div className="p-4">
      <Form className="grid grid-cols-2" labelCol={{ flex: "0 0 100px" }}>
        <div>
          <Form.Item label="知识库名称">
            <Input />
          </Form.Item>
          <Form.Item label="知识库介绍">
            <Input.TextArea autoSize={{ minRows: 4, maxRows: 6 }} />
          </Form.Item>
          <Form.Item label="知识库类型">
            <Select options={[]} />
          </Form.Item>
          <Form.Item label="嵌入模型">
            <Select options={[]} />
          </Form.Item>
          <Form.Item>
            <div className="flex justify-center gap-x-4">
              <Button type="primary">保存</Button>
              <Button>取消</Button>
            </div>
          </Form.Item>
        </div>
        <div>
          <Form.Item label="上传图像">
            <UploadImage />
          </Form.Item>
        </div>
      </Form>
    </div>
  );
}
